<template>
	<view>
		<view class="item1 cflex" @tap="tp(1)">
			<image src="/static/dxy-image/xitong_1@2x.png" mode="" class=""></image>
			<view class="item_right">
				<view class="top cflex cflex_between">
					<view style="font-size: 28rpx;">系统通知</view>
					<view class="data" style="font-size: 24rpx;color: #999999;">20：00</view>
				</view>
				<view class="bottom  cflex cflex_between">
					<view class="" style="font-size: 24rpx;color: #999999;">
						您已打开TA分享的宝贝，和TA聊聊宝贝怎么样吧！
					</view>
					<view class="count">
						1
					</view>
				</view>
			</view>
		</view>
		<view class="item1 cflex" @tap="tp(2)">
			<image src="/static/dxy-image/dindan_1@2x.png" mode="" class=""></image>
			<view class="item_right">
				<view class="top cflex cflex_between">
					<view style="font-size: 28rpx;">订单消息</view>
					<view class="data" style="font-size: 24rpx;color: #999999;">20：00</view>
				</view>
				<view class="bottom  cflex cflex_between">
					<view class="" style="font-size: 24rpx;color: #999999;">
						您的订单已发货！
					</view>
					<view class="count">
						1
					</view>
				</view>
			</view>
		</view>
		<view class="item1 cflex" @tap="tp(3)">
			<image src="/static/dxy-image/tuisong_1@2x.png" mode="" class=""></image>
			<view class="item_right">
				<view class="top cflex cflex_between">
					<view style="font-size: 28rpx;">询价推送</view>
					<view class="data" style="font-size: 24rpx;color: #999999;">20：00</view>
				</view>
				<view class="bottom  cflex cflex_between">
					<view class="" style="font-size: 24rpx;color: #999999;">
						询价上新啦，来看看是不是你喜欢的吧！
					</view>
					<view class="count">
						1
					</view>
				</view>
			</view>
		</view>
		<view class="item1 cflex" @tap="tp(4)">
			<image src="/static/dxy-image/shangpin_1@2x.png" mode="" class=""></image>
			<view class="item_right">
				<view class="top cflex cflex_between">
					<view style="font-size: 28rpx;">商品推送</view>
					<view class="data" style="font-size: 24rpx;color: #999999;">20：00</view>
				</view>
				<view class="bottom  cflex cflex_between">
					<view class="" style="font-size: 24rpx;color: #999999;">
						商品上新啦，来看看是不是你喜欢的吧！
					</view>
					<view class="count">
						1
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			tp(e){
				let that=this
				console.log(e)
				uni.navigateTo({
					url:"/pages/messageList/messageList?type="+e
				})
			}
		}
	}
</script>

<style>
	page {
		border-top: #DADADA 1px solid;
		background-color: #FFFFFF;
	}

	.item1 {
		width: 95%;
		margin: 0 auto;
		border-bottom: 1px solid #DADADA;
		padding-bottom: 13rpx;

	}

	.item1>image {
		width: 37rpx;
		height: 37rpx;
		margin-top: 25rpx;
	}

	.count {
		width: 30rpx;
		height: 30rpx;
		line-height: 30rpx;
		font-size: 20rpx;
		background-color: #FF7427;
		border-radius: 100px;
		text-align: center;
		color: #FFFFFF;
	}

	.item_right {
		width: 100%;
		margin-top: 12rpx;
		margin-left: 32rpx;
	}
</style>
